/* components/processLine/index.wxss */
.processLine{
  margin: 28rpx;
  .treeWrap{
   position: relative;
   padding: 32rpx 16rpx 88rpx;
   border-left: 2rpx dashed #E4E4E4;
   .process_dot{
     position: absolute;
     left: -12rpx;
     top: -6rpx;
     display: flex;
     align-items: center;
     .dot{
      width: 20rpx;
      height: 20rpx;
      border-radius:10rpx ;
      border: 2rpx solid #ACACAC;
      background: #fff;
      margin-right: 10rpx;
     }
     text{
      font-weight: 400;
      font-size: 24rpx;
      color: #ACACAC;
     }
   }
   .treeCard{
     padding: 16rpx 24rpx 16rpx 0;
     margin-top: 32rpx;
     width: 100%;
    height: 200rpx;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24), 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24);
    border-radius: 32rpx;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left{
      display: flex;
      image{
        height: 200rpx;
        width: 200rpx;
      }
      .courseInfo{
        padding-top: 10rpx;
        margin-left: 20rpx;
        .courseTitle{
          font-weight: 500;
          font-size: 32rpx;
          color: #222222;
          line-height: 48rpx;
          text-shadow: 0px 6px 16px rgba(53,40,73,0.05), 0px 0px 2px rgba(13,12,75,0.24);
        }
        .classRoom{
          font-weight: 500;
          font-size: 28rpx;
          color: #222222;
          line-height: 32rpx;
          margin-top: 10rpx;
          display: flex;
          .tag{
            height: 36rpx;
            padding: 2rpx 8rpx;
            background: rgba(249, 182, 0, 0.15);
            box-shadow: 4rpx 4rpx 16rpx 10rpx rgba(53, 40, 73, 0.05);
            border-radius: 8rpx;
            border: 2rpx solid #FFBE09;
            font-size: 20rpx;
            color: #FFC906;
            text-align: center;
          }
        }
        .status{
          margin-top: 10rpx;
          display: flex;
          font-size: 28rpx;
          text{
          font-size: 28rpx;

          }
        }
      }
    }


    .right{
      image{
        width: 30rpx;
        height: 30rpx;
      }

    }
   }
  }
  .dateTimeCash{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20rpx;
    color: #333333;
  }
.noData{
  padding: 200rpx 0;
  font-size: 36rpx;
color: #CCCCCC;
line-height: 68rpx;
}
.confirmCBtn{
  background: linear-gradient( 180deg, #FEE626 0%, #FFC300 100%);
height: 96rpx;
width: 60%;
margin: 40rpx auto 70rpx;
border-radius: 48rpx;
line-height: 96rpx;
}

}